:root {
    --mono-hue                             : 201;
    --mono-saturation                      : 18%;
    --mono-shade4                       : hsl(var(--mono-hue), var(--mono-saturation), 10%);
    --base-line-height                  : 1.5;
    --content-max-width                 : 70em;
    --cover-background-blend-mode       : darken ;
    --cover-background-color            : var(--base-background-color);
    --cover-background-mask-opacity     : 0.8;
    --cover-blockquote-color            : #1fa3ec;
    --code-theme-text                   : #e4e4e4 ;
    --table-cell-padding                : 0.4em 0.75em;
    --table-head-background             : var(--mono-shade4);
    --table-row-even-background         : var(--mono-shade2);
    --table-row-odd-background          : var(--mono-shade3);
  /* Sidebar
  ============================================================================= */
      --sidebar-background              : var(--mono-shade2);
      --sidebar-padding                 : 0 25px;
      --sidebar-transition-duration     : var(--duration-fast);
      --sidebar-width                   : 18rem;
      --sidebar-nav-indent              : 0.6em;
      --sidebar-nav-margin              : 0 0 0;
      --sidebar-nav-link-padding        : 0 0;
      --sidebar-nav-link-before-margin  : 0 0 0 0;  
}

.alert.tasmota {  
    border: 1px solid var(--mono-shade2);
    border-left-width: .25rem;
    border-radius: .25rem;
    background: var(--mono-shade2);
    padding: .25rem 1.25rem !important;
    margin-bottom: 0.25rem !important;
}

.medium-zoom-overlay, .medium-zoom-image--open {
    z-index: 0 !important;
}
.alert.tasmota.warning {
    border-left-color: #f0ad4e !important;
}

.alert.tasmota.warning .title {
    color: #f0ad4e;
}

.alert.tasmota.tip {
    border-left-color: #28a745 !important;
}

.alert.tasmota.tip .title {
    color: #28a745;
}

.alert.tasmota.info {
    border-left-color: #E0FFFF  !important;
}

.alert.tasmota.info .title {
    color: #E0FFFF;
}

.alert.tasmota.danger {
    border-left-color: #dc3545  !important;
}

.alert.tasmota.danger .title {
    color: #dc3545;
}

.alert.tasmota.example {
    border-left-color: #1FA3EC  !important;
}

.alert.tasmota.example .title {
    color: #1FA3EC;
}